Fronteras

Un borde punteado.

Un borde discontinuo.

Un borde sólido.

Un borde doble.

Un borde en relieve (groove).

Un borde en cresta (ridge).

Un borde empotrado (inset).

Un borde saliente (outset).

Sin borde.

Un borde mixto.

Anchura del borde

ANCHO DE BORDE CSS. Esta propiedad especifica el grosor de los cuatro bordes:

Texto de ejemplo.

Texto de ejemplo.

Texto de ejemplo.

Texto de ejemplo.

Texto de ejemplo.

Texto de ejemplo.

Anchos de lados especificos

La propiedad border-width puede tener de uno a cuatro valores (para el borde superior, derecho, inferior e izquierdo):

Texto de ejemplo.

Texto de ejemplo.

Texto de ejemplo.

Color del borde

Esta propiedad especifica el color de los cuatro bordes:

Un borde rojo y sólido

Un borde verde y sólido

Un borde azul y punteado

Colores laterales especificos

La propiedad border-color puede tener de uno a cuatro valores (para el borde superior, derecho, inferior e izquierdo):

Un borde sólido multicolor

Valores Hexadecimales

El color del borde también puede especificarse usando un valor hexadecimal (HEX):

Un borde sólido rojo

Un borde sólido azul

Un borde sólido gris

Valores RGB

El color del borde tambie puede especificarse usando RGB values:

A solid red border

A solid blue border

A solid grey border

Valores HSL

El color del borde también puede especificarse utilizando valores HSL:

Un borde sólido naranja

Un borde sólido verde

Un borde sólido rosa

Lados Fronterizos

4 estilos de borde diferentes.

3 estilos de borde diferentes.

2 estilos de borde diferentes.

1 estilo de borde.

Taquigrafia de borde

Se utilza todo el borde

Aqui solo es un lado el borde y el resto se sombrea

Aqui solo es inferior el borde

Borde Redondeado

Esta propiedad se utiliza para añadir bordes redondeados a un elemento:

Borde normal

Borde redondeado

Borde más redondeado

Borde muy redondeado